<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>我的互动-我爱我的体育</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="/favicon.ico">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
    <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm-extend.min.css">
    <link rel="stylesheet" href="/assets/kxdrmobile/sui/style.css">
	<script type='text/javascript' src="//g.alicdn.com/tmapp/tida2/2.0.141/tida.js?appkey=23270341" charset='utf-8'></script>
    <script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
  </head>
  <body>
  <input type="hidden" class="sid" value="{$sid}" />
  <input type="hidden" class="gid" value="{$gid}" />
  <input type="hidden" class="gtp" value="{$gtp}" />
      <div class="page-group">
		<div class="page page-current" id='metal'>
		  <header class="bar bar-nav">
			<a class="button button-link button-nav pull-left {if $appname=='taobao'}back{/if}" href="/">
			  <span class="icon icon-left"></span>
			  返回
			</a>
		  </header>
		  <div class="content infinite-scroll infinite-scroll-bottom"  data-ptr-distance="55" data-distance="100">
			  <div class="content-block-title">您的奖品寄送地址：</div>
			  <div class="list-block">
				<ul>
				  <!-- Text inputs -->
				  <li>
					<div class="item-content">
					  <div class="item-inner">
						<div class="item-title label">收件人</div>
						<div class="item-input">
						  <input type="text" class="name" value="{$address.name}" placeholder="请输入您的姓名" />
						</div>
					  </div>
					</div>
				  </li>
				  <li>
					<div class="item-content">
					  <div class="item-inner">
						<div class="item-title label">手机</div>
						<div class="item-input">
						  <input type="text" class="mobile" value="{$address.tel}" placeholder="请输入您的手机"/>
						</div>
					  </div>
					</div>
				  </li>
				  <li>
					<div class="item-content">
					  <div class="item-inner">
						<div class="item-title label">邮寄地址</div>
						<div class="item-input">
						  <input type="text" class="picker" value="{$address.province} {$address.city} {$address.city_part}" placeholder="请选择您所在的区域" id='city-picker'/>
						</div>
					  </div>
					</div>
				  </li>
				  <li>
					<div class="item-content">
					  <div class="item-inner">
						<div class="item-title label">详细地址</div>
						<div class="item-input">
							<textarea class="address"  placeholder="请输入详细地址，精确到门牌号">{$address.address}</textarea>
						</div>
					  </div>
					</div>
				  </li>
				  </ul>
				</div>
			  <div class="content-block">
				<p><a href="#" class="button button-big button-round button-fill button-danger save_address">{if $address}修改{else}添加地址{/if}</a></p>
			  </div>
			  
		  </div>
		</div>
    </div>
    <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
	<script type="text/javascript" src="//g.alicdn.com/msui/sm/0.6.2/js/sm-city-picker.min.js" charset="utf-8"></script>
    <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm-extend.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='/assets/kxdrmobile/sui/my-app.js' charset='utf-8'></script>
	<script>
	  $("#city-picker").cityPicker({
		toolbarTemplate: '<header class="bar bar-nav">\
		<button class="button button-link pull-right close-picker">确定</button>\
		<h1 class="title">选择收货地址</h1>\
		</header>'
	  });
	</script>
  </body>
</html>